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AWARDS & EXHIBITION 

Branzfi Ear Prise Winner cf Bartieit in GAD 
( individud Jt usually Ibr group Mvoft] 
'lEt Elemravf in \jMAon Kinetic Ait Fak 2014 

MY EDUCATION O 

201 3.9-201 4.S 

BARTLETT SCHOOL OF ARCH TECTURE 
hlArdi GraduateAnhrt^ilurBl Design 
Bronze Ear Prize Winner 
Dislincton 

□esj^ 94 [2nd of pro^mme) 
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LABORATORY FOR COMPUTATIONAL DESIGN 
PncrlesB%jnal Study of CoFipwtation-al (fe&^n 
Re-seanches on paramelric deE- gn 
af digital lechnc ogy from Wcrk&hDps 
( Indes^ing ^Prcce^B ng . nberacdve Media ) 
(held by Aichitectural AssDciation China Ghib] 
BEIJIMG. PRC. 

2002.9-2007.0 
WUHAW NATIONAL UNIVERSITY 
Bachelor of .AidnMBctiire 
WUHAN. PR.C. 

Reference 
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Diredor, Graduate Architectural Design; 

Barllett School cf Archie ct^j re 
BicKlhing.. fo*jnder and prncpal 
Bloom Gaines, partner 
LondDn,UK 
Tet +4S4 7545338136 
Ernailiapdra^ek^S na.il.CDm 



SKILL SET 



PROGRAy 



I am an ArDhi1ec:t( 5 years working experience i with strong ending capacity and enithusia&m 
of robotic and data iriterfaDe. I am crazy aboul designing from hits to atoms. h>y programming, 
engineering, fabrication. I am an Architect bijt also like a creator which is half scientist and half 
artist. With tine desire to oreale kinetic Architecture tn observe more in the worid. I am forever 
young. Since graduation of my badnelor degree in 2G02, I have engaged in more than 20 differervt 
architecture p/ojec4s . from concept design to detail design, fncluding large-scale comimercial 
cenrters and high ri&e buildings. After 2013. I went to LCD and Bartlett lo seek new future nf 
Ardirtedure. 

PROJECTS 2014 ( fnstalfation , Products Robot) 

"FLY FLUID" ....Interactive I n5tallation"( concept, mednanism. software .Charily finwti ttie fafcricatiofi} 

"1ET ELEMENT" ....The first 3 arises spherical rotxjt in world, (ooding . engineering, fabricatirm} 

( Prototype 4 shown in L CL Quad) hitps ^VwA-w.yo oe.com.watc^?v=yQC 1 0BOCAOk 
( Design and Animation) hfttp:/i'youtu.bei'53RNc5AwLEk 
( in Kinetic An Fai r 2014) http J/youtu.beTTqT BNySORIc 

(After graduale from bartlett } 

"^SIOH LIGHT Kinetic intelligence light ( coding .mectiarism deaign) 

"SPACE DATA IHTERFACE" (cMncept) 

RESEARCH 

( During the stidy in Bartlett School . individual ) 

UorphDlogy artd HRI in Archrle<AjBl i^bcrlics: InrterfEring Pnxtanity BetiBvnr by Spherical Robots 
( After graduate TOm bartletl . from September lo new :■ 

Thte omni^iTe^^on hqgii sfiBerJ spherical robot ixioperation of PID algorittim ord FO oonrtrod. 
WORK EXPERIENCE & MAIN PROJECTS 

SENIOR ARC HITECT(0eJ2O11 -00.2)0 12) 
ATKINS CONSULTAfSTTS CO. LTD. 
http:.'V'^WA' a1kins.com .cn/mainland/defaajlt htm 

Fenglong 5D0m S*jperHigh Project Concsefsts Compeli lion (concept design) 

HangzhouTaihu Holiday Hofefl... (shape-designing, and detail design) 

Hainan Wenchang Holiday Resort (partKipated in the whole process of desigri] 

ARCHITECTS PROJECT MANAGER (11.2DDM3.21H2) 
PUBUC CONSTRUCTION DEPARTMENT 
PEDDLE THOf^P MELBOURNE FTV.LTD. W 
PEDDLE THOfiPpWELBOyiRINEVySA 
http:/^www. ptma.com .cn/ 

GLMyeiig Cliina Raiway Center Profecl [Prpfe<:t morager & principte desinger) 

Chefigdii i_ogistics Center Project (as the principle designer.organized my team ) 

CtiDTig qing Hot spring Holiday Hotel (Project manager) 

Bid for Shenzhen Bolun Vocational Skills School (maldngprojectplananditsimplementatioffi) 

Bid for Super High Building for Opera (group work .successful bid) 

Bid for Chongqing Bishan Middle & Elementary Sclwol .(concept design) 

Guangzhou Bio-island Project (principle designer) 

Chongqing Xiushan Connimunity and Holiday Hotet Plcifect ...^..^..^..^..^ ^ (principJe designer) 

ARCTHTTECT {2007. 1 0 -2009. 1 0) 
ZHUBO D^IGN GROUP CO.LTD. 
http : /^www. z h u bo . CO m/ 

Dalian Xishan Zhengyuan -ConiniLriify Project (^9^ design^plan to expansion design) 

Bao li Chargstia GreenSource Project {single design) 

WankeAn pitigjie Residential Design „..„.......(elevationdesign) 

Ma slian zhai Sport Project Design (shapedesign) 

Chongqing Da dnuan Kifider^garten Design (ooncef>t to detaikJesi^) 



MODELING £ VISION 
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PrDcessing 




3D MAX^^^^^B 
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Firefly ^^^^^^^^^^^f 
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Rfim ^^^^^^^^^1 
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Maya 


I. •M^^l 


Bam '^^^^^^^l 




Keysticit ^^^^^^^^H 




Base ^^^^^^^^1 




Zbniisfii ^^^^^^^^1 
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Adobe PhdteKtiof]! 




Logo ^^^^1 




Adobe Indesi^ ^^^m 


■■^ mmm%^ 


f ytliiQn ^^^^^^^^1 




Adatie Premier^^^^H 





hIARDWARE 



Wireless Control Device 
jS^vos and Siap Motofs 





My Education is a blend of Science and Art 



lOyears old 



MY PROJECT 



ELEMENT& HIGH SCHOOL 



when I was 12 years old , I already 
obtain three different progrann 
languages . Silver nnedal winner 
of youth coding connpetition 
in nny country. Before I went to 
university , I was a totally "GEEK". 



UNIVERSITY 



Then I seek for change, 
I decide to study nnore 
fantastic subject as an 
architect. 



LCD*. 



study connputational design 
and do experinnents. 



BARTLETT SCHOOL 



I created spherical 
robot in GAD . 



Science 




31 years old 



Programming and Hardware 




void loopO 

////// //////////// distance 
int a= servospeed( pirPinl, hi, lockLowl ,1550, lowlnl) ; 
int b= servospeed( pirPin, h2, lockLow ,1250 , lowIn2) ; 
//int b=1450; 

1250) { 



if (a==1550 && 1 
pulseTime=1300; 



long previousMillis = 0; 
long interval = 20; 
int pulseTimeMID = 1450; 
int pulseTime = 1650; 
int servoPinA = 11 ; 
int calibrationTime = 1; 
int ledl=0; 
int led2 =0; 
int led3 =0; 
int fadeValuel ; 
int fadeValue2; 
int fadeValueS; 

//the time when the sensor outputs a low impulse 
long unsigned int lowlnl; 

long unsigned int lowln2; ^ 

if (a==1450 && b 

//the amount of milliseconds the sensor has to be low pulseTime=1300 ; 
//before we assume all motion has stopped ^ 
long unsigned int pause ~ 5; 

//////////////////////////////////////LEDl 



int servospeed( int x, boolean h, boolean y, int z , long unsigned int q) 
int result; 



if (a==1550 && b== 
pulseTime=1400; 



if (a==1450 && h- 
pulseTime=1200; 



1450) { 
1250) { 
1450) { 



boo^ 
boo: 
boo: 
boo: 
boo: 
boo: 



lean lockLow = true; 

lean takeLowTime; 

lean lockLowl = true; 

lean takeLowTimel ; 

lean hl=true; 

lean h2=true ; 



int pirPin = 3; //the digital pin connected to the 
PIR sensor' s output 
int pirPinl = 6; 
int ledPinl= 9; 
int ledPin2= 10; 
int ledPin3= 5; 
int s=0; 
int fuc=l ; 
int 1=0; 
int sl=0; 
int fucl=l; 
int 11=0; 

int RUNtime=l; 
int StayTime=20000; 



// fade in from min to max in increments of 5 points: 
if ( ledl==0) { 

for (int fadeValuel = 0 ; fadeValuel <= 255; fadeValuel 
+=5) { 

// sets the value (range from 0 to 255) : 
analogWrite (ledPinl, fadeValuel) ; 

// wait for 30 milliseconds to see the dimming effect 
delay (30) ; 



if (digitalRead(x) == HIGH) { 
//digitalWritededPin, HIGH); 
pulseTime=z ; 

//Serial, print C'HIGH ; //the led visualizes the sensors 
output pin state, and the led is broken , why I write this, 
if (y) { 

// wait for LOW before any further output is made: terrible 
libruary i wanna make, , , damed . 
y = false; 

Serial, printing '') ; 

Serial, print (''motion detected at '') ; 

Serial, print (millis 0/1000) ; 
Serial, println C' sec'O ; 

//delay (50) ; 

} 

h = true ; 



ledl=l; 

fadeValuel = 255; 

} 

if ( ledl==2) { 

// fade out from max to min in increments of 5 points: 
for (int fadeValuel = 255 ; fadeValuel >= 0; fadeValuel 
-=5) { 

// sets the value (range from 0 to 255) : 
analogWrite (ledPinl, fadeValuel) ; 

// wait for 30 milliseconds to see the dimming effect 
delay (30) ; 



pin used to connect l^^l 1 ; 

fadeValuel = 0; 



int sensorpin = 0; 
int sensorpinl = 1; // 
the sharp sensor 
int val = 0; i 
int vail = 1; // variable to store the values from 

if ( ledl==l) { 

analogWrite (ledPinl, fadeValuel) ; 

long previousMillis = 0; } 
int val = 0; 

int vail = 1; // variable to store the values from Serial, println (fadeValuel) ; 
sensor (initially zero) 



void setup 0 
{ 

pinMode (pirPin, INPUT); 

pinMode (pirPinl, INPUT); 
pinMode (ledPinl, OUTPUT) ; 

pinMode (ledPin2, OUTPUT) ; 
digitalWrite (pirPin, LOW) ; 
digitalWrite (pirPinl, LOW); 
Serial, begin (9600) ; // Debugging only 

//give the sensor some time to calibrate 
Serial, print ("calibrating sensor ") ; 
// fordnt 1=0; i < calibrationTime; i++) { 
// Serial, print (". ") ; 

// delay (1000); 

// } 

Serial, println (" done"); 
Serial. println ("SENSOR ACTIVE") ; 
delay (50) ; 

// put your setup code here, to run once: 
pinMode (servoPinA, OUTPUT); 



///////////////////////////////////////////////////////// 
1ED2 

if ( led2==0) { 

fordnt fadeValue2 = 0 ; fadeValue2 <= 255; fadeValue2 
+=5) { 

// sets the value (range from 0 to 255) : 
analogWrite (ledPin2, fadeValue2) ; 

// wait for 30 milliseconds to see the dimming effect 
delay (30) ; 

} 

led2=l; 
fadeValue2 = 255; 

} 

if (led2==2) { 

// fade out from max to min in increments of 5 points: 
fordnt fadeValue2 = 255 ; fadeValue2 >= 0; fadeValue2 
-=5) { 

// sets the value (range from 0 to 255) : 
analogWrite (ledPin2, fadeValue2) ; 

// wait for 30 milliseconds to see the dimming effect 
delay (30) ; 



led2=l; 

fadeValue2 = 0; 



IR 

if (digitalRead(x) == LOW) { pulseTime=1450 ; 

// digitalWritededPin, LOW); //the led visualizes // Serial, 
print ("LOW") ; 

if (takeLowTime) { 
q = millis 0 ; //save the time of the transition from 

high to LOW 

h = false; //done at the start of a LOW phase 

} 

//if the sensor is low for more than the given pause, 
//we assume that no more motion is going to happen 
if (!y && millisO - q > pause) { 

//makes sure this block of code is only executed again 

after 

//a new motion sequence has been detected 
y = true ; 

Serial, print ("mot ion ended at ") ; 
behavior my son. 

Serial, print ( (millis 0 - pause) /lOOO) ; 
Serial, println (" sec"); 
pulseTime=1450 ; 
// delay (10) ; 



result= pulseTime; 
return result ; 



//output your 



if (led2==l) { 

analogWrite (ledPin2, fadeValue2) ; 



Serial, println (fadeValue2) ; 



////////////////////////////////////// 

///////////////////////////////////////////////////////// 
1ED3 

if ( led3==0) { 

for (int fadeValue3 = 0 ; fadeValueS <= 255; fadeValue3 
+=5) { 

// sets the value (range from 0 to 255) : 
analogWrite (ledPinS, fadeValueS) ; 

// wait for 30 milliseconds to see the dimming effect 
delay (30) ; 

} 

led3=l; 
fadeValue3 = 255; 

} 

if (led2==3) { 

// fade out from max to min in increments of 5 points: 



Grasshopper to firefly to adruino to processing to Java to internet in 1st term 




Robot & kinetic Architecture 



''1st Element " Project 




ANTHROPOMORPHIC SCALE ( 600MM) 




MECHANISM OF PROTOTYPE 1 




1. Structure for surface 

2. joint for connect surface 

3. core part 

4. spacer 

5. mass 

6. bevel gears 

7. bearing gear 

8. servos 



MECHANISM OF PROTOTYPE 2 






1. plan 1, bearing layer 

2. plan 2 

3. plan 3 

4. plan 4 , servo layer 

5. plan 5, gears layer 



ROTATION OF THE OUTSIDE SPHERE 




BREAKTHE SPHERE AND STILL CAN ROTATE ( 1/4 PARTS OFTHE PROTOTYPE) 




PR0T0TYPE4 MECHANISM IMPROVED HOLLOWTHE SHAFT 




PR0T0TYPE4 MECHANISM 





6. support 15. washer 

y.hemisphere 1 6. battery box 

8. nn4 screw 17. weight mass 

9. transport ball 



PR0T0TYPE4 MODEL 




PROTOTYPES MECHANISM (THE 1ST ELEMENT) 





PROTOTYPES MECHANISM ( THE 1 ST ELEMENT) 




servo box 



ASSEMBLY OF SERVO BOX 



washer bearing lOmm hollow shaft m3 screw m2 screw 




m2 screw slip ring HS- continunous servo 8 teeth gears shaft hub 64 teeth gears 



ASSEMBLYOF 1ST ELEMENT 



1 1 




MAKING OF 1ST ELEMENT 



^^^^^^^(^ •••• 



4; 4; 4r i> 



^ # C J # 



(((^ 



T T T f T T 



1ST ELEMENT IN UCL 




PHYSICAL PROXEMICS ALSO EXISTED IN HUMAN ROBOT INTERACTION(HRI) 




OBSERVATION OF THE PROXEMICS BEHAVIOUR WITH RF CONTROL 



^1 



Goal of the observation: 
to explore if certain proximity behaviours of the 
robot can trigger the relevant proximity behaviour 
of a human 



Values of the observation: 
behaviours in the HRI, we used the following 
values as representing the behaviours: 

(1) AV (avoiding) 

(2) P (passing) 



(3) AP- 

(4) F- 

(5) T- 



-(approaching) 
—(following) 
-(touching) 



(6) TlME-( period of the certain behaviour) 



Each experimental session followed the 
same format: 

1) lnvite a participant into the room. 

2) The robot begins to perform a single type of 
proximity behaviour 

towards the participant (from the five behaviours o1 
fered above) for a five-minute period. 

3) recording the reaction of the participants by 







BASED ON THE RESULT OF OBSERVATION, DESIGN A LAW FOR ROBOTTO TRACK PEOPLE 




f Start ) 



4 



step3 



•3 



repeat step3 



step4 
easel 



repeat step4 



step4 
case2 






/ 


step! 

approaching from aim point 




/ 


step2 
touching 






step3 

moving towards the aim point 








ainned position 



DESIGN FOR SELF- ASSEMBLY 




DESIGN FOR SELF- ASSEMBLY 




rotationi 




rotation2 



DESIGN FOR 3 AXIS MODEL 




3 AXIS SPHERE ROBOT, WOULD BE BUILT IN 2 WEEKS 




First 3-axises movement been captured in classroom 




Computational Design Researcli 



Comptutational research in Beijing 




Site 




Vision analyze by Processing 




Vision analyze by Processing 




it is difficult to find what is happened 
in the site ,so i change my code in 
proceesing to use different color to 
repesent the ahility of each point in the 
site to having the view of the lake outside 



ahilityofview 

1 60-85 of 360 
85-110 of 360 
1 10-160 of 360 
160-185 of 360 
185-210 of 360 
210-235 of 360 
235-260 of 360 





if (Center Z[m][n] 
{fill(180,18,94);} 
if (CenterZ[m][n] 
{fill(180,18,125);} 
if (Center Z[m][n] 
{fill(180,18,159);} 

if (CenterZ[m][n] 
{fill(102,18,180);} 

if (CenterZ[m ][n] 
{fill(l 8,60,180);} 

if (Center Z[m][n] 
{fill(l 8,90, 180);} 
if (Center Z[m][n] 
{fill(18,l 19,180);} 



> = 



> = 



> = 



> = 



> = 



> = 



> = 






275 && CenterZ[m][n]<300) 

250 && CenterZ[m][n]<275) 

200 &8!. CenterZ[m][n]<250) 

1 75 && CenterZ[m][n]<200) 

1 50 a& CenterZ[m][n]< 1 75) 

125 CenterZ[m][n]<150) 

100 CenterZ[m][n]<125) 



Reconstruction of the traditional bootli by Grassliopper 




Development of the traditional metliod of fabrication of tine wood beam. 




40 



Establish a relationship betewwn envirnment and constuction of the basic element 



Applying the circle packing system to define the site. 






Combine of the design, culture, site, environment and structure. 



we need to enhance the feel of 
the space, 

keep people stay here, 
we find the relationship 
between the view 
and the ahilty to keep people 
here. — 



Site 



system 



find the way to 
connect our single 
booth. 



cnmire ^ 




constraction s*™"""" 



find the way to 
organise them 



polygon packing effected by curve 



final masteplan 



+f unction # Interior space 
when the area of the polygoii_ 
>^ become a out^^pace 



we put diffierent image together as 
the taditional painting 



final plan 




when the area of the polygon 
<5Jt become landscape 



I— path 



Rendering 




MANIPULATION OF FERROFLUID 




ROBOTIC MANIPULATION OF FERROFLUID IN FRAME 




MANIPULATION OF FERROFLUID 




INTERFERENCE OF FERRO-FLUID IN MULTIPLE MAGNETIC FIELDS 




DESIGN AN ANIMATED DANCE 




COMPUTER 

(firefly, 
grassopper, 
processing) 




MACHINE 
with anduino uno 
,( control the real fluid, 
control the reality) 



''Vision Liglit" Project 



10W Colour LED 




"Vision Light" Project ( after graduate from Bartlett) 



In this project( Working witli Yu Harlan,! finished 
the software, adruino based hardware , and 
the kinetic servo based mechanism inside). 

It is a round kinetic light which can moving towards 
you by detect your position and movement 
automatically. So it becomes an assistant but not 
only a tool for you. It was exhibited in UAL in Dec 3. 
Everyone likes it. 




Architecture Design 



Prospective rendering 





INTROUCTION 

he building based in side of tine 
amous scenic spot of suzlnou 
aihu lal<e, and this project 
oositioned as vacation type 
note!, with single-family villas on 
he west and holiday apartment 
on the east. Clients are looking 
forward to build with fashionable 
Oriental flavor. 



HangzhouTaihu Holiday Hotel 

THE LOBBY 
THE HOTEL 
THE HOTEL 
BANQUET HALL 
SPA 

FOUNTAIN 
FITNESS CENTER 
THE WEDDING 
CATERING 
SWIMMING POOL 
LANDSCAPE GREENING 
WHARF 

WETLAND PARK 
W TEMPORARY HOTEL PARKING 




0 10 25 
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Detail design 




III ^ ^ i :^^^ ^ I' 




rriTir 




I I 



IT EXPRESSES THE IMAGE OF S WINGS 
OF SWALLOW IN DETAIL 



SOUTH FACADE 




IT EXPRESSES 
THE IMAGE OF 
BAMBOO IN 
DETAIL 



400x400 square steel beam 



3 



m 



aluminium alloy shutter 
300x300 square steel beam 

^ 



^^cl = l 50 aluminium alloy fittings 



SECTION 



SECTION 




fixed plate connection 
obscure glass 



transparent glass 



fixed plate connection 



66 



Plan and facade details 




Guiyang China Railway Center Project 





.■ ' !f 13 ■- 





BRIEF INTRODUCTION 



THE CUSTOMER IS CHINA RAILWAY GROUR WHO 
WANTS TO BUILD COMMERCIAL CBD WITH GUIYANG 
LANDMARK SIGNIFICANCE FEATURING LARGE 
COMMERCIAL CENTRE AND A HIGH-RISE OFFICE, AND 
HIGH-RISE RESIDENTIAL AREA 





/ 











'9 

igi 







flS3s. 

r ^ « * I* f 




C m *^ * 
If 1 1 ' 

1 E " ^ 

F 1? P 










^ m 



Plan 
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Super High Building for Opera 





Facadw design 




t represents 



it represents 




NATURAL 

NATURAL RICH 
GEOMORPHOLOGIC 
LANDSCAPE 
ALSO BRING US 
AS THE ARTISTIC 
CONCEPTION 
OF LANDSCAPE 
PAINTING 



CITY 




HIGH-RISE 
BUILDINGS 
CONSTITUTE THE 
MODERNITY AND 
ASHION IN THE 
2ITY 




HISTORY 

HISTORY IN THE 
CITY LEFT AN 
INDELIBLE MARK, 
AND BECOME THE 
ETERNAL BEAUTY 



89 



